/** * 左边菜单 */
<template>
  <el-menu
    default-active="2"
    :collapse="collapsed"
    collapse-transition
    router
    unique-opened
    class="el-menu-vertical-demo"
    background-color="#222632FF"
    text-color="#fff"
    active-text-color="#fff"
  >
    <div class="logobox" id="parent">
      <img class="logoimg" src="../icon标/LOGO.png" alt=""/>
      <div class="swgl">&nbsp;生物管理平台
      </div>
      <!--      <img class="title" id="child" src="../icon标/生物管理平台.png" alt="" />-->
    </div>
    <el-submenu
      v-for="menu in allmenu"
      :key="menu.menuid"
      :index="menu.menuname"
    >
      <template slot="title">
        <img :src="menu.src">
        <span class="name">{{ menu.menuname }}</span>
      </template>
      <el-menu-item-group>
        <el-menu-item
          v-for="chmenu in menu.menus"
          :index="'/' + chmenu.url"
          :key="chmenu.menuid"
        >
          <img :src="chmenu.src">
          <span class="name">{{ chmenu.menuname }}</span>
        </el-menu-item>
      </el-menu-item-group>
    </el-submenu>
  </el-menu>
</template>
<script>
import {menu} from "../api/userMG";

export default {
  name: "leftnav",
  data() {
    return {
      oked:true,
      collapsed: false,
      allmenu: [],
      data: [
        {
          menuid: 3,
          src: require("../icon标/添加分子.png"),
          menuname: "分子管理",
          hasThird: null,
          url: null,
          menus: [
            {
              menuid: 4,
              src: require("../icon标/分子设计1.png"),
              menuname: "分子设计",
              hasThird: "N",
              url: "add/molecularDesign",
              menus: null
            },
            {
              menuid: 5,
              src: require("../icon标/分子合成1.png"),
              menuname: "分子合成",
              hasThird: "N",
              url: "add/molecularCompose",
              menus: null
            },
            {
              menuid: 6,
              src: require("../icon标/生物测试1.png"),
              menuname: "生物测试",
              hasThird: "N",
              url: "add/bioassay",
              menus: null
            }
          ]
        },
        {
          menuid: 10,
          src: require("../icon标/管理组件.png"),
          menuname: "下载管理",
          hasThird: null,
          url: null,
          menus: [
            // {
            //   menuid: 11,
            //   icon: "icon-cat-skuQuery",
            //   menuname: "化合物下载",
            //   hasThird: "N",
            //   url: "downloadCompound",
            //   menus: null
            // },
            {
              menuid: 12,
              icon: "icon-cat-skuQuery",
              menuname: "化合物批量上传",
              hasThird: "N",
              url: "uploadCompound",
              menus: null,
              src: require("../icon标/KHCFDC_上传.png")
            }
          ]
        },
        {
          menuid: 20,
          src: require("../icon标/管理组件.png"),
          menuname: "管理",
          hasThird: null,
          url: null,
          menus: [
            {
              menuid: 21,
              icon: "icon-cat-skuQuery",
              menuname: "用户管理",
              hasThird: "N",
              url: "userManaged",
              menus: null,
              src: require("../icon标/KHCFDC_上传.png")
            },
            {
              menuid: 22,
              icon: "icon-cat-skuQuery",
              menuname: "组管理",
              hasThird: "N",
              url: "groupManaged",
              menus: null,
              src: require("../icon标/KHCFDC_上传.png")
            }
          ]
        }
        // {
        //   menuid: 7,
        //   icon: 'li-icon-xiangmuguanli',
        //   menuname: '信息查询',
        //   hasThird: null,
        //   url: null,
        //   menus: [
        //     {
        //       menuid: 8,
        //       icon: 'li-icon-xiangmuguanli',
        //       menuname: '样品瓶查询',
        //       hasThird: 'N',
        //       url: 'searchBarCode',
        //       menus: null
        //     }]
        // }
        // {
        //   menuid: 6,
        //   icon: 'li-icon-xiangmuguanli',
        //   menuname: '基础管理',
        //   hasThird: null,
        //   url: null,
        //   menus: [
        //     {
        //       menuid: 22,
        //       icon: 'icon-cat-skuQuery',
        //       menuname: '商品管理',
        //       hasThird: 'N',
        //       url: 'goods/Goods',
        //       menus: null
        //     }
        //   ]
        // },
        // {
        //   menuid: 33,
        //   icon: 'li-icon-dingdanguanli',
        //   menuname: '订单管理',
        //   hasThird: null,
        //   url: null,
        //   menus: [
        //     {
        //       menuid: 34,
        //       icon: 'icon-order-manage',
        //       menuname: '交易订单',
        //       hasThird: 'N',
        //       url: 'pay/Order',
        //       menus: null
        //     }
        //   ]
        // },
        // {
        //   menuid: 71,
        //   icon: 'li-icon-xitongguanli',
        //   menuname: '系统管理',
        //   hasThird: null,
        //   url: null,
        //   menus: [
        //     {
        //       menuid: 72,
        //       icon: 'icon-cus-manage',
        //       menuname: '用户管理',
        //       hasThird: 'N',
        //       url: 'system/user',
        //       menus: null
        //     },
        //     {
        //       menuid: 174,
        //       icon: 'icon-cms-manage',
        //       menuname: '菜单管理',
        //       hasThird: 'N',
        //       url: 'system/Module',
        //       menus: null
        //     },
        //     {
        //       menuid: 73,
        //       icon: 'icon-news-manage',
        //       menuname: '角色管理',
        //       hasThird: 'N',
        //       url: 'system/Role',
        //       menus: null
        //     },
        //     {
        //       menuid: 74,
        //       icon: 'icon-cs-manage',
        //       menuname: '公司管理',
        //       hasThird: 'N',
        //       url: 'system/Dept',
        //       menus: null
        //     },
        //     {
        //       menuid: 75,
        //       icon: 'icon-promotion-manage',
        //       menuname: '系统环境变量',
        //       hasThird: 'N',
        //       url: 'system/Variable',
        //       menus: null
        //     },
        //     {
        //       menuid: 76,
        //       icon: 'icon-cms-manage',
        //       menuname: '权限管理',
        //       hasThird: 'N',
        //       url: 'system/Permission',
        //       menus: null
        //     }
        //   ]
        // },
        // {
        //   menuid: 128,
        //   icon: 'li-icon-shangchengxitongtubiaozitihuayuanwenjian91',
        //   menuname: '支付管理',
        //   hasThird: null,
        //   url: null,
        //   menus: [
        //     {
        //       menuid: 129,
        //       icon: 'icon-provider-manage',
        //       menuname: '支付配置信息',
        //       hasThird: 'N',
        //       url: 'machine/MachineConfig',
        //       menus: null
        //     },
        //     {
        //       menuid: 175,
        //       icon: 'icon-provider-manage',
        //       menuname: '支付配置',
        //       hasThird: 'N',
        //       url: 'pay/Config',
        //       menus: null
        //     }
        //   ]
        // },
        // {
        //   menuid: 150,
        //   icon: 'li-icon-shangchengxitongtubiaozitihuayuanwenjian91',
        //   menuname: '图表',
        //   hasThird: null,
        //   url: null,
        //   menus: [
        //     {
        //       menuid: 159,
        //       icon: 'icon-provider-manage',
        //       menuname: '数据可视化',
        //       hasThird: 'N',
        //       url: 'charts/statistics',
        //       menus: null
        //     }
        //   ]
        // }
      ]
    };
  },
  // 创建完毕状态(里面是操作)
  async created() {
    // 获取图形验证码
    await this.checkIsAdmin();
    let res = {
      success: true,
      data: this.data,
      msg: "success"
    };
    this.allmenu = res.data;

    // menu(localStorage.getItem('logintoken'))
    //   .then(res => {
    //     console.log(JSON.stringify(res))
    //     if (res.success) {
    //       this.allmenu = res.data
    //     } else {
    //       this.$message.error(res.msg)
    //       return false
    //     }
    //   })
    //   .catch(err => {
    //     this.$message.error('菜单加载失败，请稍后再试！')
    //   })
    // 监听
    this.$root.Bus.$on("toggle", value => {
      this.collapsed = !value;
    })
  },
  methods: {
    async checkIsAdmin() {
      const {data: res} = await this.$axios.get("getUserIdentity")
      console.log(res)
      console.log('admin?')
      if (res.data !== 'superAdmin') {
        this.data = [
          {
            menuid: 3,
            src: require("../icon标/添加分子.png"),
            menuname: "分子管理",
            hasThird: null,
            url: null,
            menus: [
              {
                menuid: 4,
                src: require("../icon标/分子设计1.png"),
                menuname: "分子设计",
                hasThird: "N",
                url: "add/molecularDesign",
                menus: null
              },
              {
                menuid: 5,
                src: require("../icon标/分子合成1.png"),
                menuname: "分子合成",
                hasThird: "N",
                url: "add/molecularCompose",
                menus: null
              },
              {
                menuid: 6,
                src: require("../icon标/生物测试1.png"),
                menuname: "生物测试",
                hasThird: "N",
                url: "add/bioassay",
                menus: null
              }
            ]
          },
          {
            menuid: 10,
            src: require("../icon标/管理组件.png"),
            menuname: "下载管理",
            hasThird: null,
            url: null,
            menus: [
              // {
              //   menuid: 11,
              //   icon: "icon-cat-skuQuery",
              //   menuname: "化合物下载",
              //   hasThird: "N",
              //   url: "downloadCompound",
              //   menus: null
              // },
              {
                menuid: 12,
                icon: "icon-cat-skuQuery",
                menuname: "化合物批量上传",
                hasThird: "N",
                url: "uploadCompound",
                menus: null,
                src: require("../icon标/KHCFDC_上传.png")
              }
            ]
          },
        ]
      }
      console.log('aaaaaa leftnav')
      console.log(this.data)
      this.oked=1
    }
  }
};
</script>
<style>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 240px;
  min-height: 400px;
}

.el-menu-vertical-demo:not(.el-menu--collapse) {
  border: none;
  text-align: left;
}

.el-menu-item-group__title {
  padding: 0px;
}

.el-menu-bg {
  background-color: #222632ff !important;
}

.el-menu {
  border: none;
}

.logobox {
  height: 40px;
  line-height: 40px;
  /* color: #9d9d9d; */
  font-size: 20px;
  text-align: center;
  padding: 20px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
}

.logoimg {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /*margin-left: 5px;*/
}
.swgl{
  /*width: 118px;*/
  /*height: 19px;*/
  font-size: 20px;
  font-family: 华康方圆体W7;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 96px;
}
.title {
  width: 118px;
  height: 19px;
  font-size: 20px;
  font-family: DFPOP1;
  font-weight: normal;
  /* color: #ffffff; */
  margin-left: 15px;
  overflow: hidden;
}

/* .asideshow {
  background: #222632ff;
} */
.name {
  margin-left: 8px;
  font-size: 16px;
}
</style>
